<template>
	<view class="containera">
		<view class="contenta trueyellow" v-if="diftrue">
			{{num}}
		</view>
		<view class="contenta falsered" v-if="!diftrue">
			{{num}}
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				diftrue: this.iftrue
			}
		},
		props:{
			iftrue:{
				type:Boolean,
				default:true
			},
			num:{
				type:Number,
				default:1
			}
		}
	}
</script>

<style lang="stylus" scoped>
	.containera:nth-child(8n)
		// margin 0
	.containera
		display inline
		margin 0 16upx 20upx
		.contenta
			display flex
			justify-content center
			align-items center
			border-radius 40px
			width 68upx
			height 68upx
			color #ffffff
		.trueyellow
			background-color #00D5A2
		.falsered
			background-color #FF7171
</style>
